<template>
 <div>
    <h2>{{text}}</h2>
    <button @click="fn">逆转世界</button>
 </div>
</template>

<script>
 export default {

   props: {
   },
   components: {

   },
   data () {
     return {
      text:'Hello,World'
     }
   },
   methods:{
    fn(){
      
     
    this.text=this.text.split('').reverse().join('')
     
    
   
    }
   }
  
 }
</script>

<style scoped lang='less'>

</style>